/*
* @Author: dell
* @Date:   2017-08-03 22:09:22
* @Last Modified by:   tony
* @Last Modified time: 2017-10-31 16:44:57
*/

/*
 * reset
 */

 /* *{
	 touch-action: none;
 } */
body { width: 100%; height: 100%; overflow-x: hidden; overflow-y: scroll; color: #393a45; font: 14px/1.8 'Microsoft Yahei', Arial, sans-serif }
input, textarea { margin: 0; padding: 0; outline: 0; border: 0; background: 0 0; vertical-align: middle }
body, button, dd, dl, form, h1, h2, h3, h4, h5, ol, p, ul, menu { margin: 0 }
ol, ul, menu { padding-left: 0; list-style-type: none }
img { max-width: 100%; border: 0; vertical-align: top }
a, input, select, textarea { outline: none; star: expression(this.onFocus=this.blur()); }

/*禁止点击时出现蓝色区域*/
a { outline: 0; color: #000; text-decoration: none; font-family: "微软雅黑" }
a:hover { color: #91312B }
b, i { font-style: normal }
input, b, h1, img, span, *:before, *:after, .arrs, .mask2, a.cateMore, .media-box h5 { -moz-transition: all ease-in-out 0.35s; -webkit-transition: all ease-in-out 0.35s; -o-transition: all ease-in-out 0.35s; -ms-transition: all ease-in-out 0.35s; transition: all ease-in-out 0.35s; }

/*
 * common
 */
.opc0 { opacity: 0; display: none; }
.fix { *zoom: 1; }
.fix:before, .fix:after { content: ""; display: table; }
.fix:after { clear: both; }
.dib { display: inline-block; *display: inline; *zoom: 1; }
.btn { cursor: pointer; }
.hide { display: none; }
/*
* header
*/
.bar{background: #393939; color:#e1e1e1; position: relative; clear: both; z-index: 101; line-height:30px; overflow: hidden;}
.bar a{color: #fff;}
.bar ul li{ float:left;}
.bar ul li i.split{ display:inline-block;vertical-align:middle;width: 1px;height: 9px;background: #e1e1e1;margin:0 4px}

.header-min{ position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 1000000;}

.widget-tel{background-color: #c12c20;font-size: 14px;padding: 0 10px;font-weight: bold;margin-left: 6px}
.widget-tel i{padding-right: 5px;}

/* 社会化标志 */
.bar .link a{display:inline-block;float:left;background:url(../img/social.jpg) no-repeat; vertical-align:middle; margin-top:7px; margin-right:16px;width: 25px;height: 28px;}
.bar .link .link01{ background-position:0 0;}
.bar .link .link02{ background-position:-43px 0}
.bar .link .link03{ background-position:-87px 1px}
.bar .link .link04{ background-position:-130px 1px}
.bar .link .link05{ background-position:-173px 0}
.bar .link .link06{ background-position:-216px 0}
/* 导航 */
/* LOGO */
.logo{height: 100px;vertical-align: middle;display: table-cell;}
.logo img{display:block;}
.logo .head_tel{position:absolute;right: 0;top: 18%;color:#246cd7;font-size: 26px;font-weight: bold;line-height: 1.4}
.logo .head_tel p{font-size: 14px;color:#6c6666;line-height:30px;padding-left:40px;background: url(../img/icon_tel.jpg) center left no-repeat;}
/* 导航-2 */
.nav_transform1 { position: absolute; top: 0; right: 0px; width: 62%; z-index: 100 }
.nav_transform1 .navTop { position: absolute; top: 0px; display: none; height: 4px; background: #f89120; }
.nav_transform1 .navTop { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav_transform1 ul.navCont li.child { position: relative; float: left; width: 12.5%; height: 100px; line-height: 100px; text-align: center; color: #666; }
.nav_transform1 ul.navCont li.child a { display: block; }
.nav_transform1 ul.navCont li.child .title { font-size: 16px; color: #424342; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;border-right: 1px solid #eaeaea}
.nav_transform1 ul.navCont li.child .title { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.nav_transform1 ul.navCont li.child:last-child .title:after { display: none; }
.nav_transform1 ul.navCont li.child a:hover .title { color: #fff; background-color: #c12c20}
.nav_transform1 ul.navCont li.child.on .title { color: #fff; background-color: #c12c20 }
.nav_transform1 ul.navCont li.child.on .title:after { display: none; }


.nav_transform1 ul.navCont li.child:hover .childContent{
	display: block;
}


/*分页*/
.de-page-mian {
	overflow: hidden;
	text-align: center;
	font-size: 0;
	margin: 10px 0 35px;
	background: #f3f3f3;
	padding: 10px;
  }
  .de-page-mian .page-inner {
	display: inline-block;
	overflow: hidden;
  }
  .de-page-mian .page-inner a {
	display: block;
	float: left;
	min-width: 26px;
	padding: 0 5px;
	height: 36px;
	border: 1px solid #dddddd;
	background: #fff;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	margin-right: -1px;
	overflow: hidden;
  }
  .de-page-mian .page-inner a.active,
  .de-page-mian .page-inner a:hover {
	color: #fff;
	border-color: #4f82d9;
	background: #4f82d9;
  }
  .de-page-mian .page-inner a.prev {
	margin-right: 10px;
	background: #fff url(../../images/prev.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.prev.on {
	background: #fff url(../../images/prev-hover.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.prev:hover {
	background-color: #fff;
	border-color: #dddddd;
  }
  .de-page-mian .page-inner a.next {
	margin-left: 10px;
	margin-right: 15px;
	background: #fff url(../../images/next.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.next.on {
	background: #fff url(../../images/next-hover.jpg) no-repeat center;
  }
  .de-page-mian .page-inner a.next:hover {
	background-color: #fff;
	border-color: #dddddd;
  }
  .de-page-mian .page-inner a.page-btn {
	font-size: 12px;
	margin-right: 0;
	width: 63px;
	margin-left: 10px;
  }
  .de-page-mian .page-inner span {
	display: block;
	font-size: 12px;
	color: #333;
	float: left;
	line-height: 38px;
  }
  .de-page-mian .page-inner input {
	display: block;
	float: left;
	height: 36px;
	width: 36px;
	border: 1px solid #dddddd;
	text-align: center;
	line-height: 36px;
	font-size: 14px;
	color: #333;
	margin: 0 5px;
  }

/*二级*/
.child .childContent{display: none;position: absolute;top: 100px;width: 100%;z-index: 999;}
.child .childContent .childContentLi{color: #fff;font-size: 14px;line-height: 38px;background-color: #c12c20;}
.child .childContent .childContentLi a{ color:#fff;}
.child .childContent .childContentLi:hover{background: #fff;color: #c12c20;}
.child .childContent .childContentLi:hover a{color: #c12c20;}


/*导航动画*/
.nav_transform1 .bg { position: absolute; width: 50%; height: 50%; background: rgba(0, 0, 0, .8); display: none; }
.nav_transform1.skin-white .bg { background: rgba(255, 255, 255, .8); }
.nav_transform1.skin-org .bg { background: rgba(251, 155, 52, .8); }
.nav_transform1 .bg1 { top: 0px; left: 0px; }
.nav_transform1 .bg2 { top: 0px; right: 0px; }
.nav_transform1 .bg3 { bottom: 0px; left: 0px; }
.nav_transform1 .bg4 { bottom: 0px; right: 0px; }
.nav_transform1.in .bg1 { animation: navBgin1 .6s  ease-in-out 0s  both; -moz-animation: navBgin1 .6s  ease-in-out 0s  both; -webkit-animation: navBgin1 .6s  ease-in-out 0s  both; -o-animation: navBgin1 .6s  ease-in-out 0s  both; }
.nav_transform1.in .bg2 { animation: navBgin2 .6s  ease-in-out 0s  both; -moz-animation: navBgin2 .6s  ease-in-out 0s  both; -webkit-animation: navBgin2 .6s  ease-in-out 0s  both; -o-animation: navBgin2 .6s  ease-in-out 0s  both; }
.nav_transform1.in .bg3 { animation: navBgin3 .6s  ease-in-out 0s  both; -moz-animation: navBgin3 .6s  ease-in-out 0s  both; -webkit-animation: navBgin3 .6s  ease-in-out 0s  both; -o-animation: navBgin3 .6s  ease-in-out 0s  both; }
.nav_transform1.in .bg4 { animation: navBgin4 .6s  ease-in-out 0s  both; -moz-animation: navBgin4 .6s  ease-in-out 0s  both; -webkit-animation: navBgin4 .6s  ease-in-out 0s  both; -o-animation: navBgin4 .6s  ease-in-out 0s  both; }
@keyframes navBgin1 {
	0% { transform: translateX(-100%); }
	100% { transform: translateX(0); }
}
@-moz-keyframes navBgin1 {
	0% { -moz-transform: translateX(-100%); }
	100% { -moz-transform: translateX(0); }
}
@-webkit-keyframes navBgin1 {
	0% { -webkit-transform: translateX(-100%); }
	100% { -webkit-transform: translateX(0); }
}
@-o-keyframes navBgin1 {
	0% { -o-transform: translateX(-100%); }
	100% { -o-transform: translateX(0); }
}
@keyframes navBgin2 {
	0% { transform: translateY(-100%); }
	100% { transform: translateY(0); }
}
@-moz-keyframes navBgin2 {
	0% { -moz-transform: translateY(-100%); }
	100% { -moz-transform: translateY(0); }
}
@-webkit-keyframes navBgin2 {
	0% { -webkit-transform: translateY(-100%); }
	100% { -webkit-transform: translateY(0); }
}
@-o-keyframes navBgin2 {
	0% { -o-transform: translateY(-100%); }
	100% { -o-transform: translateY(0); }
}
@keyframes navBgin3 {
	0% { transform: translateY(100%); }
	100% { transform: translateY(0); }
}
@-moz-keyframes navBgin3 {
	0% { -moz-transform: translateY(100%); }
	100% { -moz-transform: translateY(0); }
}
@-webkit-keyframes navBgin3 {
	0% { -webkit-transform: translateY(100%); }
	100% { -webkit-transform: translateY(0); }
}
@-o-keyframes navBgin3 {
	0% { -o-transform: translateY(100%); }
	100% { -o-transform: translateY(0); }
}
@keyframes navBgin4 {
	0% { transform: translateX(100%); }
	100% { transform: translateX(0); }
}
@-moz-keyframes navBgin4 {
	0% { -moz-transform: translateX(100%); }
	100% { -moz-transform: translateX(0); }
}
@-webkit-keyframes navBgin4 {
	0% { -webkit-transform: translateX(100%); }
	100% { -webkit-transform: translateX(0); }
}
@-o-keyframes navBgin4 {
	0% { -o-transform: translateX(100%); }
	100% { -o-transform: translateX(0); }
}
.nav_transform1.out .bg1 { animation: navBgout1 .6s  ease-in-out .4s  both; -moz-animation: navBgout1 .6s  ease-in-out .4s  both; -webkit-animation: navBgout1 .6s  ease-in-out .4s  both; -o-animation: navBgout1 .6s  ease-in-out .4s  both; }
.nav_transform1.out .bg2 { animation: navBgout2 .6s  ease-in-out .4s  both; -moz-animation: navBgout2 .6s  ease-in-out .4s  both; -webkit-animation: navBgout2 .6s  ease-in-out .4s  both; -o-animation: navBgout2 .6s  ease-in-out .4s  both; }
.nav_transform1.out .bg3 { animation: navBgout3 .6s  ease-in-out .4s  both; -moz-animation: navBgout3 .6s  ease-in-out .4s  both; -webkit-animation: navBgout3 .6s  ease-in-out .4s  both; -o-animation: navBgout3 .6s  ease-in-out .4s  both; }
.nav_transform1.out .bg4 { animation: navBgout4 .6s  ease-in-out .4s  both; -moz-animation: navBgout4 .6s  ease-in-out .4s  both; -webkit-animation: navBgout4 .6s  ease-in-out .4s  both; -o-animation: navBgout4 .6s  ease-in-out .4s  both; }
@keyframes navBgout1 {
	100% { transform: translateX(-100%); }
	0% { transform: translateX(0); }
}
@-moz-keyframes navBgout1 {
	100% { -moz-transform: translateX(-100%); }
	0% { -moz-transform: translateX(0); }
}
@-webkit-keyframes navBgout1 {
	100% { -webkit-transform: translateX(-100%); }
	0% { -webkit-transform: translateX(0); }
}
@-o-keyframes navBgout1 {
	100% { -o-transform: translateX(-100%); }
	0% { -o-transform: translateX(0); }
}
@keyframes navBgout2 {
	100% { transform: translateY(-100%); }
	0% { transform: translateY(0); }
}
@-moz-keyframes navBgout2 {
	100% { -moz-transform: translateY(-100%); }
	0% { -moz-transform: translateY(0); }
}
@-webkit-keyframes navBgout2 {
	100% { -webkit-transform: translateY(-100%); }
	0% { -webkit-transform: translateY(0); }
}
@-o-keyframes navBgout2 {
	100% { -o-transform: translateY(-100%); }
	0% { -o-transform: translateY(0); }
}
@keyframes navBgout3 {
	100% { transform: translateY(100%); }
	0% { transform: translateY(0); }
}
@-moz-keyframes navBgout3 {
	100% { -moz-transform: translateY(100%); }
	0% { -moz-transform: translateY(0); }
}
@-webkit-keyframes navBgout3 {
	100% { -webkit-transform: translateY(100%); }
	0% { -webkit-transform: translateY(0); }
}
@-o-keyframes navBgout3 {
	100% { -o-transform: translateY(100%); }
	0% { -o-transform: translateY(0); }
}
@keyframes navBgout4 {
	100% { transform: translateX(100%); }
	0% { transform: translateX(0); }
}
@-moz-keyframes navBgout4 {
	100% { -moz-transform: translateX(100%); }
	0% { -moz-transform: translateX(0); }
}
@-webkit-keyframes navBgout4 {
	100% { -webkit-transform: translateX(100%); }
	0% { -webkit-transform: translateX(0); }
}
@-o-keyframes navBgout4 {
	100% { -o-transform: translateX(100%); }
	0% { -o-transform: translateX(0); }
}
.nav_transform1.in .navCont { animation: navContentIn .4s  ease-in-out .6s  both; -moz-animation: navContentIn .4s  ease-in-out .6s  both; -webkit-animation: navContentIn .4s  ease-in-out .6s  both; -o-animation: navContentIn .4s  ease-in-out .6s  both; }
@keyframes navContentIn {
	0% { transform: scale(0); opacity: 0; }
	80% { transform: scale(1.1); }
	100% { transform: scale(1); opacity: 1; }
}
@-moz-keyframes navContentIn {
	0% { -moz-transform: scale(0); opacity: 0; }
	80% { -moz-transform: scale(1.1); }
	100% { -moz-transform: scale(1); opacity: 1; }
}
@-webkit-keyframes navContentIn {
	0% { -webkit-transform: scale(0); opacity: 0; }
	80% { -webkit-transform: scale(1.1); }
	100% { -webkit-transform: scale(1); opacity: 1; }
}
@-o-keyframes navContentIn {
	0% { -o-transform: scale(0); opacity: 0; }
	80% { -o-transform: scale(1.1); }
	100% { -o-transform: scale(1); opacity: 1; }
}
.nav_transform1.out .navCont { animation: navContentOut .4s  ease-in-out 0s  both; -moz-animation: navContentOut .4s  ease-in-out 0s  both; -webkit-animation: navContentOut .4s  ease-in-out 0s  both; -o-animation: navContentOut .4s  ease-in-out 0s  both; }
@keyframes navContentOut {
	100% { transform: scale(0); opacity: 0; }
	20% { transform: scale(1.1); }
	0% { transform: scale(1); opacity: 1; }
}
@-moz-keyframes navContentOut {
	100% { -moz-transform: scale(0); opacity: 0; }
	20% { -moz-transform: scale(1.1); }
	0% { -moz-transform: scale(1); opacity: 1; }
}
@-webkit-keyframes navContentOut {
	100% { -webkit-transform: scale(0); opacity: 0; }
	20% { -webkit-transform: scale(1.1); }
	0% { -webkit-transform: scale(1); opacity: 1; }
}
@-o-keyframes navContentOut {
	100% { -o-transform: scale(0); opacity: 0; }
	20% { -o-transform: scale(1.1); }
	0% { -o-transform: scale(1); opacity: 1; }
}
.wapNavBtn {
    display: none;
    position: absolute;
    top: 10px;
    right: 16px;
    cursor: pointer;
    z-index: 5;
    font-size: 24px;
}
/*
 * banner 
 */
.banner{position:relative;overflow:hidden;height:705px;clear:both;margin-top:2px}
	.banner ul,.banner li{position:relative;height:100%;overflow:hidden;}
	.banner ul img{position:absolute;left:50%;top:0;margin-left:-50%;max-width:none; width:100%;}
	.banner .dots{position:absolute;left:0;bottom:10px;width:100%;text-align:center;}
	.banner .dot{display:inline-block;width:10px;height:10px;overflow:hidden;border-radius:50%;margin:0 8px;font-size:0;cursor:pointer;background-color:rgba(0,0,0,0);border: 1px solid #fff;}
	.banner .active{background:#fff;}
/*	.banner .arrow{position:absolute;width:69px;height:70px;background:url(../img/btn_banner.png);cursor:pointer;top:50%;margin-top:90px;opacity:0;font-size:0;}*/
	.banner .prev{left:0;}
	.banner .next{right:0;background-position:right 0;}
	.banner .prev:hover{background-position:0 bottom;}
	.banner .next:hover{background-position:right bottom;}

/*
 * 搜索 
 */
.section_find{padding: 20px 0;background-color: #f3f3f3;text-align: center;}
.widget_search{margin-bottom:20px;padding: 14px 0;width: 100%;line-height: 35px;text-align: left;background-color: #fff;position: relative;text-align: center;}
.widget-search-hot{color:#000;font-size:14px;padding-bottom: 20px}
.widget-search-hot p{font-size: 18px;padding-bottom: 10px}
.widget-search-hot a{padding:0 6px;color:#3a3a3a}
.widget-search-hot a:hover{text-decoration:underline}
.widget-search-hot label{font-weight:700;}
.widget-notice{width: 65%;float: left;color: #000;position: relative;padding-left: 34px}
.widget-notice i{color: #0f8e47;font-size: 18px;position: absolute;left: 0;top: 7px;}
.widget-search-form{width:550px;font-size: 14px;color: #fff;margin:0 auto;}
.widget-search-form label{float: left;width: 10%;height: 45px;font-size: 26px;color: #bbbbbb}
.widget-search-form .form-control{float:left;width:70%;height:45px;vertical-align:top;border-color: #f3f3f3}
.widget-search-form .search_btn{width:20%;height:45px;border:none;background-color:#c12c20;color:#fff}
.widget-search-form span{padding-left: 20px;color: #b2b2b2}
.widget-search-form span strong{color: #ff343f}
.widget-search-form a{float: right;height: 30px;background-color: #ff6159;padding: 0 20px;color: #fff}
/*产品*/
.sect_prod { background: url('../img/probg.jpg') no-repeat; }
.module_cate { padding-top: 2rem }
.module_cate h2 span { background: #c12c20; color: #fff; padding: 1px 25px; font-size: 3rem; font-weight: lighter; display:block;}
.module_cate ul { padding-top: 2rem }
.module_cate ul li { border-bottom: 1px solid #fff; position: relative; background: #c12c20; }
.module_cate ul li a { display: block; color: #fff; padding: 20px 4px 15px 35px; font-size:20px; position:relative;}
.module_cate ul li a i{ position:absolute; font-style:normal; color:#fff; font-weight:bold; right:5%;}
.module_cate ul li a:hover { }
.module_cate ul li:hover, .module_cate ul li.cur { cursor: pointer; background: #333333 }

.module_cate ul li .csub{position: absolute;right: -232px;top: 0;background: #faad09;width: 230px;border: 1px solid #fff; display:none; z-index:1000;}
.module_cate ul li .csub a{text-align: center;padding: 8px;border-bottom: 1px solid #fff;font-size: 16px;}
.module_cate ul li .csub a:hover{ background:#c12c20;}
.module_cate ul li:hover .csub, .module_cate ul li.cur .csub{ display:block;}

.module_cate ul li h4 { font-weight: normal; font-size: 17px }
.module_cate a.more { display: block; text-align: center; color: #fff; padding: 15px 0 15px 0; }
.module_cate a.more:hover { text-decoration: underline; }
.module_prod { padding-top: 2rem; background: #fff;  /*height: 655px; overflow: hidden; */ }
.module_prod h2 { text-align: center; background: #c12c20; color: #fff; padding: 0rem 1rem 0 1rem; font-size: 1.0rem; line-height: 60px; margin: 0 1rem; }
.module_prod h2 strong { font-size: 1.8rem }
.module_prod #swiper_prod { padding: 0.5rem 1rem 0 1rem }
.module_prod #swiper_prod .swiper-slide { background: #fff }
.module_prod .media-box { border: #e8e8e8 1px solid }
.module_prod .media-box h4 {  background:#c12c20;font-weight: normal; color: #fff; padding: 5px 0 }
.module_prod .media-box h4 a{ color:#fff;}
.module_prod .icon{ position: relative; padding-bottom: 20px;}
/* .module_prod .icon:after{ content: ""; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; background: url(../img/pbg.jpg) no-repeat center bottom; background-size:100% auto ;} */
/*优势*/
.sect_advtage{background: url('../img/ysbg.jpg') no-repeat;}
.sect_advtage .services-box h3{padding:15px 15px 20px 28px;line-height: 1; color:#c12c20}
.sect_advtage .services-box h3 span{font-family:'DIN Condensed Bold';top:-20px;left:10px;color:#000;text-align:center;font-weight:700;font-size:40px;padding: 30px 6px 0px 6px}
.sect_advtage .services-box p{padding-left: 80px;}

/*
 * 客户案例
 */
.section_case{background: url(../img/casebg.jpg) no-repeat;background-size: cover;}
.section_case .index_{padding-top: 3em;padding-bottom: 3em}
.section_case .index_ .T{color: #fff;}
.section_case .index_ .T h2{font-size: 44px}
.section_case .index_ .T h3{font-weight: lighter;}
.case-item{float:left;width: 240px;border: 8px solid #fff;line-height:2.2;background-color: #fff;text-align: center;margin-right: 10px}
.case-item .icon{display: inline-block; background: #fff; border: 0px;width: 100%;height: 176px;overflow: hidden;}
.case-item .icon img{width: 100%;height: auto}
.case-item .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}
.case-item p{font-size: 16px}
.section_case .jcarousel-control{margin-top: -20px;width: 40px;height: 40px;line-height: 36px;background-color: #fff;color: #000;border-radius: 0}
.section_case .jcarousel-control-prev {left: -60px}
.section_case .jcarousel-control-next {right: -60px}
.section_case .jcarousel-wrapper:hover .jcarousel-control-next{right:-50px;background-color:#fff}
.section_case .jcarousel-wrapper:hover .jcarousel-control-prev{left:-50px;background-color:#fff}

/*
 * 简介
 */
.section_about{background: url(../img/bg_about.jpg) center 7em no-repeat #fff; background-size: 60% auto;}
.section_about .index_{padding-top: 12em}
.section_about h3{margin-bottom: 15px}
/*
 * section_news
 */
 .section_news .T{color:#fff}
.section_news{background: url(../img/nbg.jpg) no-repeat; overflow: hidden;}
.section_news .media-box{background: #f4f4f4}
.section_news .media-box .icon{height: 180px}
.section_news .media-box .icon img{width:100%;height: 100%}
.section_news .media-box p{height: 50px;}
.newscopy {
    padding: 10px;
    font-size: 12px;
    background: #EFEFEF;
    border: 1px solid #CCC;
    line-height: 18px;
    box-sizing: border-box;
    clear: both;
    margin: 30px auto;
}
	
	.media1-box{display:block;text-align: center;padding-bottom: 30px;background: #fff;width: 100%;}
	.media1-box .icon{display: inline-block; background: #fff; width: 100%; height: 165px; overflow: hidden;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
	.media1-box .icon img{
		transition-duration: 1s;
		-ms-transition-duration: 1s;
		-moz-transition-duration: 1s;
		-webkit-transition-duration: 1s;
		height: 100%;
		object-fit: contain;
	}
	.media1-box h3{font-size: 16px;padding:0 5px; overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;}

	.media1-box p{
		margin-top: 15px;
		font-size: 14px;padding:0 10px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		line-clamp: 2;
		-webkit-box-orient: vertical;
	}

/*
 * top
 */
.top { display: none; position: fixed; right: 10px; bottom: 80px; z-index: 999; width: 40px; height: 40px; font-size: 24px; background: #ccc; color: #fff; line-height: 40px; text-align: center; cursor: pointer; }
.top { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.top:hover { opacity: 0.8 }
.top img { vertical-align: middle; }	

/*友链*/
.footer_link{ padding:15px 0;text-align: left;border-top: 1px solid #ddd;background-color: #f3f6f7;color: #000}
.footer_link a{color: #000;padding: 0 4px}
.footer_link a:hover{}
/*
 * 联系方式 
 */
.section_address{background: #fff;overflow: hidden;}
.section_address .services-box .icon{width: 80px;}
.section_address .services-box .icon a {width: 50px;height: 50px;}
.section_address .services-box.horizontal p {margin-left: 80px;}
/*
* footer
*/
footer{text-align:center;background:#c12c20;color: #fff;font-family: "微软雅黑","Times New Roman", Times, serif;}

footer a{ color:#fff;}
footer a:hover{ color:#FC3;}

.usinfo p{line-height:30px; text-align: left;}
.usinfo p.footlogo{height:5em; line-height:200%;}




/*
 * block
 */
.index_ {padding:4em 0 4em;}
.index_ .T{padding-bottom: 40px;text-align: center;}
.index_ .T h1 { font-size: 55px; font-weight: normal; text-transform: uppercase; font-family: -webkit-pictograph; line-height: 1 }
.index_ .T h2{font-size: 24px;line-height:2;font-weight: normal;}
.index_ .T h2 strong{padding: 0 10px;position: relative;font-weight: normal;}
.index_ .T h2.border strong:before{display: block;content: ' ';width:30px;height: 1px;border-bottom: 1px solid #8d8d8d;position: absolute;right: 100%;bottom: 46%}
.index_ .T h2.border strong:after{display: block;content: ' ';width:30px;height: 1px;border-bottom: 1px solid #8d8d8d;position: absolute;left: 100%;bottom: 46%}
.index_ .T h3 { font-size: 24px; font-weight: normal; }
.index_ .T h4 { font-size: 14px; font-weight: normal; color: #7e7e7e }
.index_ .T h5 { font-size: 12px; font-weight: normal }


/* ==========================================================================
   Common module
   ========================================================================== */

/* more: text or block */
a.more { }
a.more { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
a.more:hover { }
a.more.block { padding: 6px 30px; border: 1px solid #d2d2d2; display: inline-block; margin-top: 20px }
a.more.block:hover { border-color: #ad2226; color: inherit; }
a.button { width: 220px; height: 45px; border: 1px #eee solid; border-radius: 40px; background-color: #fff; display: block; margin: 0 auto; text-align: center; line-height: 45px; position: relative; overflow: hidden; }
a.button.anim span { position: absolute; left: 50%; top: 0; white-space: nowrap; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition-delay: 250ms; -moz-transition-delay: 250ms; -ms-transition-delay: 250ms; -o-transition-delay: 250ms; transition-delay: 250ms; }
a.button.anim i:before { font-size: 22px; color: #ec408c; position: absolute; top: 9px; left: 0; -webkit-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); }
a.button.anim:hover i:before { left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
a.button.anim:hover span { left: 120%; }

/*字体盒子模型*/
.services-box { padding: 1rem 0 0.5rem 0; display: block; text-align: center;}
.services-box .icon { display: inline-block; background: #fff; width: 100px; height: 100px; position: relative; margin-bottom: 0px; }
.services-box .icon a { display: block; width: 67px; height: 67px; margin: 0 auto; padding-top: 12px; }
.services-box .icon img { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.services-box .icon a:hover img { transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); }
.services-box h3 { font-size:1.4rem; padding-bottom: 0.5rem;}
.services-box p { font-size: 14px; }
.tleft{text-align:left}
.services-box i {
    display: inline-block;
    width: 88px;
    height: 88px;
    border-radius: 100%;
    font-size: 40px;
    line-height: 88px;
    background-color: #c12c20;
    color: #fff;
	text-align:center
}

.sect_advtage .services-box i {font-size: 17px;
line-height: 41px;color: #454441;
text-align: center;
margin-left: 53px; background:none; width:auto; height:auto; text-align:left;
}

.amore{ display:block; border:1px solid #333; width:164px; height:39px; line-height:39px; text-align:center; color:#333; margin:20px auto 0;}

.services-box.horizontal { text-align: left; padding-bottom: 0 }
.services-box.horizontal .icon { display: block; float: left; width: 24px; height: 24px; border-radius: 5px; font-size: 16px; font-weight: bold; color: #ccc; text-align: center; line-height: 24px; margin-top: 8px; }
.services-box.horizontal .icon a { padding-top: 0; line-height: 67px; text-align: center; font-size: 40px; }
.services-box.horizontal h3 { margin-left: 180px; padding: 0; margin-bottom: 20px; }
.services-box.horizontal p { margin-left: 40px; height: 40px; font-size: 16px }

/*媒体盒子模型*/
.media-box { display: block; text-align: center; margin-bottom: 15px; width: 100%; position: relative; }
.media-box .icon { display: inline-block; /*background: #f3f4f8;*/ width: 300px; height: 190px; overflow: hidden }
.media-box .icon { transition-duration: .5s; -ms-transition-duration: .5s; -moz-transition-duration: .5s; -webkit-transition-duration: .5s; }
.media-box h5 { font-size: 1rem; padding: 0.35rem 0.75rem; font-weight: normal; color: #000 }
.media-box h3{font-size:14px;padding:5px 10px;font-weight:normal;color:#000;}
.media-box p { font-size: 0.88rem; padding: 0 10px; line-height: 2.4; }
.media-box h6 { background: rgba(54, 105, 170, 0.8); line-height: 3; left: 0; right: 0; bottom: 0; font-size: 14px; color: #fff; position: absolute; font-weight: normal; }
.media-box .icon img { width: auto; height: auto }
.media-box .icon img { transition-duration: 1s; -ms-transition-duration: 1s; -moz-transition-duration: 1s; -webkit-transition-duration: 1s; }
.media-box.anim.anim-scale:hover .icon img { transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); }

/*图片+遮罩模型*/
.port-box { border: 1px #fff solid; position: relative; overflow: hidden; }
.port-box .portimg { display: inline-block; background: #fff; width: 100%; height: 230px; }
.port-box .portimg img { width: 100%; height: 100%; max-width: 100% !important; max-height: 100% !important; opacity: 1 !important; }
.port-box .portinfo { position: absolute; top: 0; bottom: 0; right: 0; left: 0; text-align: center; opacity: 0; color: #fff }
.port-box .portinfo h3 { display: block; margin-top: 18%; padding: 8px; font-size: 40px; color: #fff; border: 0px }
.port-box .portinfo p { color: #fff }
.port-box .portinfo p a { color: #fff; font-size: 16px; padding: 0 6px }
.port-box.anim .portinfo h3 { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); }
.port-box.anim .portinfo p { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); }
.port-box.anim:hover .portinfo { background-color: rgba(94, 40, 50, 0.9); opacity: 1; }
.port-box.anim:hover .portinfo h3, .port-box.anim:hover .portinfo p { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.port-box.anim:hover .portimg img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.i-prorec .icon { position: relative }
.i-prorec .bg { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; background: #333; opacity: .68; filter: alpha(opacity=.68) }
.i-prorec .bg-text { position: absolute; top: 50px; left: -100%; width: 100%; text-align: center; transition: initial }
.i-prorec .num { color: #fff; font-size: 18px; font-family: 微软雅黑 }
.i-prorec .price { display: inline-block; margin-top: 20px; width: 100%; color: #fff; line-height: 30px }
.article { text-align: left; }
.article .C { margin: 15px 0; font-size: 14px; overflow: hidden; }
.ghost-center p { color:#fff; font-size:16px;}
.ghost-center p a{ color:#fff;}
@media only screen and (max-width: 768px) {

	.C iframe{height: 300px;}
	#ring-list .item span{white-space: nowrap;padding: 0 5px;}

	.sect_advtage .services-box h3{zoom: 0.8;}
	.sect_advtage .services-box p{padding-left: 0;}
	.nav_transform1 ul.navCont li.child:hover .childContent{display: none;}
	.usinfo p{font-size: 15px;}
	.module_prod .media-box h4{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}